<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Document</title>
</head>
<body>
<ul id="app">

</ul>
<script>
var app = document.getElementById("app")
var app2 = {};
console.log(toString.call(app))
/*
(()=>{
	var app = document.getElementById("app")
	if(!app) return
	var html = [];
	for(let i=0;i<3;i++){
		html.push("<li>"+(i+1)+"</li>")
	}
	app.innerHTML = html.join("")
})()

(()=>{
	var app = document.getElementById('app')
	if(!app) return
	for(var i=0;i<30;i++){
		var oLi = document.createElement("li")
		oLi.innerText = i+1;
		// oLi.addEventListener('click',function(){
		// 	alert(this.innerText)
		// })
		app.appendChild(oLi)
	}
	app.addEventListener("click",function(event){
		const target = event.target;
		if(target.tagName === "LI"){
			alert(target.innerText)
		}
	})
})()
1:DOM是哪种基本的数据结构
2:DOM操作常见API的操作
3:DOM的attr和property

DOM的本质
	把html代码转换为一个浏览器可识别,js可操作的模型
*/

</script>
</body>
</html>
